<template>
<uni-shadow-root class="partials-banner-more_banner-index"><template name="moreBanner">
<block v-if="relateBean.length!=0">
  <scroll-view class="more_banner_block" scroll-x="true" :style="'padding:'+(androidTemplate=="form_more_banner"?"10rpx 0rpx":"10rpx 20rpx")+';height:'+(jsonData.height<10?jsonData.height * sysWidth+20+"px":jsonData.height+20+"rpx")+';'">
    <image v-for="(item,index) in (jsonData.images)" :key="item.index" @load="imageLoad" :data-index="index" :style="'width:'+(imgs[index].width)+'px;height:'+(imgs[index].height)+'px;'" class="more_banner_block_item_img" :src="item.imageUrl||item" :data-link="item.linkUrl||item" @click="tolinkUrl"></image>
  </scroll-view>
</block>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/banner/more_banner/index'

Component({})

export default global['__wxComponents']['partials/banner/more_banner/index']
</script>
<style platform="mp-weixin">
.more_banner_block{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  flex-wrap: nowrap;
  white-space:nowrap;
  overflow: hidden;
  
  box-sizing:border-box;
}
.more_banner_block_item{
  width:210rpx;
  height: 100%;
  display:inline-block;
  text-align:center;
  position: relative;
  padding:6rpx;  
}
.more_banner_block_item_img{
  padding:6rpx;  
}
</style>